(function () {
  // console.log($(window).width());
  $(function () {
    // var small = function () {
    //   var fontsize = 320 * ($(window).width() / 1024) + "px";
    //   $("html").css("fontSize", fontsize);
    //   $(".render-layer-container").css({
    //     marginTop: ".6rem",
    //     marginBottom: ".38rem",
    //     minWidth: "unset",
    //   });
    //   $(".common-title-wrapper").css({
    //     width: "100%",
    //     minWidth: "unset",
    //   });
    //   $(".common-title").css({
    //     width: "100%",
    //     padding: ".4rem .16rem .2rem",
    //     height: ".85rem",
    //     lineHeight: ".25rem",
    //     fontSize: ".18rem",
    //   });
    //   $(".faq-wrapper").css({
    //     width: "100%",
    //     minWidth: "unset",
    //     display: "block",
    //   });
    //   $(".faq-item").css({
    //     width: "2.88rem",
    //     height: "auto",
    //     margin: "auto auto .2rem",
    //   });
    //   $(".faq-item .head").css("height", ".4rem");
    //   $(".faq-item .head .head-title").css({
    //     paddingLeft: ".12rem",
    //     fontSize: ".14rem",
    //     lineHeight: ".4rem",
    //     height: ".4rem",
    //   });
    //   $(".faq-item .body").css({
    //     height: "auto",
    //     padding: ".2rem .14rem",
    //   });
    //   $(".faq-item .body .item").css({
    //     fontSize: ".14rem",
    //     lineHeight: ".18rem",
    //     marginBottom: ".12rem",
    //   });
    //   $(".faq-item .body .cover").remove();
    //   $('.faq-item .head .head-img').css({
    //     width:'.48rem',
    //     height:'.48rem',
    //     marginTop:'-0.08rem',
    //     marginRight:'.04rem'
    //   })
    //   $('.faq-item:last-child').css('marginBottom','0')
    // };
    var middle = function () {
      $("html").css("fontSize", "16px");
      $(".render-layer-container").css({
        marginTop: "80px",
        marginBottom: "80px",
        minWidth: "1100px",
      });
      $(".common-title-wrapper").css({
        width: "",
        minWidth: "1100px",
      });
      $(".common-title").css({
        width: "1080px",
        padding: "80px 0 30px",
        height: "",
        lineHeight: "50px",
        fontSize: "36px",
      });
      $(".faq-wrapper").css({
        width: "1080px",
        minWidth: "",
        display: "flex",
      });
      $(".faq-item").css({
        width: "350px",
        height: "413px",
        margin: "0 15px 0 0",
      });
      $(".faq-item .head").css("height", "45px");
      $(".faq-item .head .head-title").css({
        paddingLeft: "15px",
        fontSize: "24px",
        lineHeight: "45px",
        height: "45px",
      });
      $(".faq-item .body").css({
        height: "368px",
        padding: "22px 17px",
      });
      $(".faq-item .body .item").css({
        fontSize: "14px",
        lineHeight: "20px",
        marginBottom: "18px",
      });
      $('.faq-item .body .cover').css({
        height:'45px',
        width:'345px'
      })
      $('.faq-item .head .head-img').css({
        width:'60px',
        height:'60px',
        marginTop:'-15px',
        marginRight:'8px'
      })
    };
    var large = function () {
      $("html").css("fontSize", "16px");
      $(".render-layer-container").css({
        marginTop: "80px",
        marginBottom: "80px",
        minWidth: "1100px",
      });
      $(".common-title-wrapper").css("minWidth", "1100px");
      $(".common-title").css("width", "1440px");
      $(".faq-wrapper").css("width", "1440px");
      $(".faq-item").css({
        width: "466px",
        height: "554px",
        margin: "0 21px 0 0",
      });
      $(".faq-item .head").css("height", "60px");
      $(".faq-item .head .head-title").css({
        paddingLeft: "20px",
        lineHeight: "60px",
        height: "60px",
      });
      $(".faq-item .body").css({
        height: "494px",
        padding: "30px 22px",
      });
      $(".faq-item .body .item").css({
        fontSize: "16px",
        lineHeight: "30px",
        marginBottom: "20px",
      });
      $('.faq-item .body .cover').css({
        height:'30px',
        width:'466px'
      })
      $('.faq-item .head .head-img').css({
        width:'80px',
        height:'80px',
        marginTop:'-20px',
        marginRight:'10px'
      })
    };
    if ($(window).width() <= 1024) {
      // small();
    }
    if ($(window).width() > 1024 && $(window).width() <= 1920) {
      middle();
      $(".faq-item .body").append('<div class="cover"></div>');
    }
    if ($(window).width() > 1920) {
      large();
      $(".faq-item .body").append('<div class="cover"></div>');
    }
    $(window).on("resize", function () {
      if ($(window).width() <= 1024) {
        // small();
      }
      if ($(window).width() > 1024 && $(window).width() <= 1920) {
        middle();
      }
      if ($(window).width() > 1920) {
        large();
      }
    });
  });
})();
